<link rel="stylesheet" href="example.css" type="text/css" />
<link rel="stylesheet" href="dropkick.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.dropkick-min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    $(function () {
      $('.abc').dropkick({
        theme : 'black'
      });

      $('.abc').dropkick({
        change: function () {
          alert('You picked: hi');
        }
      });
      $('.abc').first().focus();
    });
</script>

<form action="#" method="post" accept-charset="utf-8">
    <select name="country-2" class="abc">
      <option value="">Try Me!</option>
      <option value="AU">Australia</option>
      <option value="CA">Canada</option>
      <option value="DE">Germany</option>
      <option value="JP">Japan</option>
      <option value="GB">United Kingdom</option>
      <option value="US">United States</option>
    </select>
</form>